<template>
    <div>
        <el-table :data="jiluTable" border style="width: 100%">
            <el-table-column prop="date" label="ID" width="55">
            </el-table-column>
            <el-table-column prop="name" label="用户信息">
                <template v-slot="scope">
                    <div class="head_url">
                        <img src="" alt="">
                    </div>
                    <div class="info">
                        <div class="uid">UID:<span>{{ scope.row.data }}</span></div>
                        <div class="nickname">热忱</div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="address" label="订单号">
            </el-table-column>
            <el-table-column prop="address" label="价格明细">
            </el-table-column>
            <el-table-column prop="address" label="支付方式">
                <el-button class="weixin" size="mini">微信支付</el-button>
            </el-table-column>
            <el-table-column prop="address" label="收货信息">
            </el-table-column>
            <el-table-column prop="address" label="订单状态">
            </el-table-column>
            <el-table-column prop="address" label="支付时间">
            </el-table-column>
            <el-table-column prop="address" label="订单类型">
            </el-table-column>
            <el-table-column prop="address" label="留言">
            </el-table-column>
            <el-table-column prop="address" label="操作">
                <el-button size="mini" type="danger" round>发货</el-button>
                <el-button size="mini" type="primary" round>查看详情</el-button>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    data() {
        return {
            jiluTable: [
                { data: 1 }
            ]
        }
    },
}
</script>

<style lang="less" scoped>
.head_url {
    float: left;
    width: 50px;
    height: 50px;
}

.head_url img {
    width: 100%;
    height: 100%;
}

.info {
    float: left;
    width: 100px;
    height: 100%;
    margin-left: 10px;
}
.weixin{
    background: #00b578;
    color:white;
}
.uid {
    color: red;
    font-size: 12px;
}
</style>